<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		
		<link rel="stylesheet" href="css/aui.css" />
		<link rel="stylesheet" href="css/my.css" />
		<link href="css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="js/layer/need/layer.css" />
		<style>
			.aui-list .aui-list-item-title {
				color: #686868;
			}
			
			.aui-border-b-0 {
				border-bottom: none!important;
			}
			.aui-grid [class*=aui-col-]{
				padding: .3rem 0;
			}
			.middle_banner .swiper-slide{
				width: 3rem!important;
			}
			.middle_banner .swiper-slide img{
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
			}
			.middle_banner .aui-col-imgs{
				width: 3rem!important;
			}
			 .tab-head{
	    overflow: auto;
	    overflow-x: auto !important;
	    overflow-y: hidden;
	    white-space: nowrap;
	  }
	
    .tab-head-item{
	    vertical-align: middle;
	    display: inline-block;
	    overflow: hidden;
	    text-align: center;
	    padding: 0 .2rem;
	    font-size: .7rem;
	    width: 4rem;
      }
      .tab-head-item img{
      	border-radius: 50%;
      	-webkit-border-radius: 50%;
      	-moz-border-radius: 50%;
      }
      .tab-head-item i{
      	display: block;
    	width: 40%;
    	height: auto;
    	border-radius: 5px;
    	-webkit-border-radius: 5px; 
    	-moz-border-radius: 5px; 
    	background: transparent; 
      	margin: 3px auto 0;
      }
     .tab-head-item.aui-class-active{
     	color: #333;
     	font-weight: bold;
     	font-size: .75rem;
 	    width: 3rem;
     } 
    .tab-head-item.aui-class-active i{ 
    	background: #ef4c4f; 
     
	}
	.aui-play-radio img{
		width: 20px;
		height: 20px;
	}
	.aui-class-tab{
		width: 100%;
	    position: absolute;
	    top: 0;
	    -webkit-transform: translateX(-100%);
	    transform: translateX(-100%);
	}
	.aui-class-tab.aui-class-tab-active{
		position: relative;
	    -webkit-transition: -webkit-transform .15s;
	    transition: -webkit-transform .15s;
	    transition: transform .15s;
	    transition: transform .15s, -webkit-transform .15s;
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	}
	.aui-border-radius{
		-webkit-border-radius: 35px;
	}
			.middle_banner .swiper-slide img{
				border-radius: 50%;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
			}
			.middle_banner .aui-col-imgs{
				width: 3rem!important;
			}
			 .tab-head{
	    overflow: auto;
	    overflow-x: auto !important;
	    overflow-y: hidden;
	    white-space: nowrap;
	  }
	  
    .tab-head-item{
	    vertical-align: middle;
	    display: inline-block;
	    overflow: hidden;
	    text-align: center;
	    padding: 0 .2rem;
	    font-size: .7rem;
	    width: 4rem;
      }
      .tab-head-item img{
      	border-radius: 50%;
      	-webkit-border-radius: 50%;
      	-moz-border-radius: 50%;
      }
      
     .tab-head-item.aui-class-active{
     	color: #333;
     	font-weight: bold;
     	font-size: .75rem;
 	    width: 3rem;
     } 
    .tab-head-item.aui-class-active i{ 
    	background: #ef4c4f; 
     
	}
	.aui-play-radio img{
		width: 20px;
		height: 20px;
	}
	.aui-class-tab{
		width: 100%;
	    position: absolute;
	    top: 0;
	    -webkit-transform: translateX(-100%);
	    transform: translateX(-100%);
	}
	.aui-class-tab.aui-class-tab-active{
		position: relative;
	    -webkit-transition: -webkit-transform .15s;
	    transition: -webkit-transform .15s;
	    transition: transform .15s;
	    transition: transform .15s, -webkit-transform .15s;
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	}
	.aui-list .aui-list-item{
		border-bottom: 0!important;
	}
			

		</style>

	</head>

	<body>
		
		<div class="aui-content aui-background-white aui-nav-search-fixed" style=" padding-top: .5rem;overflow-y:scroll ;">
			<!--轮播图-->
			<div class="swiper-container aui-background-white top_banner" id="banner">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/banner_1.jpg" />
					</div>
					<div class="swiper-slide">
						<img src="images/banner_1.jpg" />
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<!--精彩课程-->
			<!--<div class="aui-padded-t-10 aui-padded-b-10 aui-background-white">
				<section class="aui-content">
					<div class="aui-grid aui-padded-l-15 aui-padded-r-15" >
						<div class="aui-col-xs-6 aui-item-img aui-padded-t-5 aui-padded-b-5">
			                <a href="rightText.html">
			                	<img src="images/pigai.png" alt="" class="aui-radius-five"/>
			                 </a>
			            </div>
			            <div class="aui-col-xs-6 aui-item-img aui-padded-t-5 aui-padded-b-5">
			                <a href="itemDetail.html">
			                	<img src="images/jizhe.png" alt="" class="aui-radius-five"/>
			                 </a>
			            </div>
			           
					</div>
				</section>
			</div>-->
			<!--宫格-->
				<div class="aui-slide-wrap">
					<div class="aui-slide-node-middle aui-slide-node-center">
						<section class="aui-content">
							<div class="aui-grid">
								<div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="class.html?tid=1">
                                    	<img src="images/jskt.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		 教师课堂
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="class.html?tid=2">
                                    	<img src="images/gkfd.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		 跟课辅导
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="class.html?tid=3">
                                    	<img src="images/msjz.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		 名师专题
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="#" onclick="jiazhangbl()">
                                    	<img src="images/ztjz.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		家长部落
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="rightText.html">
                                    	<img src="images/pgzw.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		 作文批改
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="class.html?tid=5">
                                    	<img src="images/mjyd.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		名家阅读
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="#" onclick="jiazhangbl()">
                                    	<img src="images/mryl.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		每日一句
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="textList.html">
                                    	<img src="images/wlzj.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-12 aui-margin-t-0">
	                                   		未来作家
	                                    </div>
		                             </a>
		                        </div>
							</div>
						</section>
					</div>
				</div>
			<div class="aui-color-three aui-font-weight aui-font-size-14 aui-padded-l-15 aui-padded-t-15 aui-padded-b-5 aui-padded-r-15 aui-clear-both">
				投稿排行
				<span class="aui-pull-right">
						<a href='#'><i class="aui-iconfont aui-icon-right"></i></a>
				</span>
			</div>
			<div class="aui-margin-t-10">
					<ul class="tab-head aui-padded-l-15 aui-clear-both aui-padded-r-15 aui-rank-lists" id="tougao">
				        <li class="tab-head-item aui-position-relative">
				        	<span class="rank-num aui-position-absolute">1</span>
				        	<div class="aui-col-imgs">
								<a href="textList.html">
									<img src="images/items.jpg" alt="" class="aui-iconfont aui-imgs">
									<p class="aui-font-size-12 aui-ellipsis-1 aui-text-gray aui-margin-t-5 trans-eight">159号 清水芙蓉</p>
									<p class="aui-color-three aui-font-size-14 aui-font-weight">家乡的冬天</p>
									<div class="aui-grid-label aui-font-size-13 aui-laud-num">
										<i class="aui-iconfont aui-icon-laud"></i>
										<span class="aui-font-size-12 trans-eight">3295</span>
									</div>
								</a>
							</div>
				        </li>
				        <li class="tab-head-item aui-position-relative">
				        	<span class="rank-num aui-position-absolute">2</span>
				        	<div class="aui-col-imgs">
								<a href="itemDetail.html">
									<img src="images/items.jpg" alt="" class="aui-iconfont aui-imgs">
									<p class="aui-font-size-12 aui-ellipsis-1 aui-text-gray aui-margin-t-5 trans-eight">159号 清水芙蓉</p>
									<p class="aui-color-three aui-font-size-14 aui-font-weight">家乡的冬天</p>
									<div class="aui-grid-label aui-font-size-13 aui-laud-num">
										<i class="aui-iconfont aui-icon-laud"></i>
										<span class="aui-font-size-12 trans-eight">3295</span>
									</div>
								</a>
							</div>
				        </li>
				        <li class="tab-head-item aui-position-relative">
				        	<span class="rank-num aui-position-absolute">3</span>
				        	<div class="aui-col-imgs">
								<a href="itemDetail.html">
									<img src="images/items.jpg" alt="" class="aui-iconfont aui-imgs">
									<p class="aui-font-size-12 aui-ellipsis-1 aui-text-gray aui-margin-t-5 trans-eight">159号 清水芙蓉</p>
									<p class="aui-color-three aui-font-size-14 aui-font-weight">家乡的冬天</p>
									<div class="aui-grid-label aui-font-size-13 aui-laud-num">
										<i class="aui-iconfont aui-icon-laud"></i>
										<span class="aui-font-size-12 trans-eight">3295</span>
									</div>
								</a>
							</div>
				        </li>
				        <li class="tab-head-item">
				        	<div class="aui-col-imgs">
								<a href="itemDetail.html">
									<img src="images/items.jpg" alt="" class="aui-iconfont aui-imgs">
									<p class="aui-font-size-12 aui-ellipsis-1 aui-text-gray aui-margin-t-5 trans-eight">159号 清水芙蓉</p>
									<p class="aui-color-three aui-font-size-14 aui-font-weight">家乡的冬天</p>
									<div class="aui-grid-label aui-font-size-13 aui-laud-num">
										<i class="aui-iconfont aui-icon-laud"></i>
										<span class="aui-font-size-12 trans-eight">3295</span>
									</div>
								</a>
							</div>
				        </li>
				        <li class="tab-head-item">
				        	<div class="aui-col-imgs">
								<a href="itemDetail.html">
									<img src="images/items.jpg" alt="" class="aui-iconfont aui-imgs">
									<p class="aui-font-size-12 aui-ellipsis-1 aui-text-gray aui-margin-t-5 trans-eight">159号 清水芙蓉</p>
									<p class="aui-color-three aui-font-size-14 aui-font-weight">家乡的冬天</p>
									<div class="aui-grid-label aui-font-size-13 aui-laud-num">
										<i class="aui-iconfont aui-icon-laud"></i>
										<span class="aui-font-size-12 trans-eight">3295</span>
									</div>
								</a>
							</div>
				        </li>
				        
				    </ul>
				</div>
			<div class="aui-color-three aui-font-weight aui-font-size-14 aui-padded-l-15 aui-padded-t-15 aui-padded-b-5 aui-padded-r-15 aui-clear-both">
				跟课辅导
				<span class="aui-pull-right">
						<a href='class.html?tid=2'><i class="aui-iconfont aui-icon-right"></i></a>
				</span>
			</div>
			<div class="aui-slide-wrap">
				<ul class="aui-list aui-media-list aui-border-t-0" id="gkfd">
					<a href="">
						<li class="aui-list-item aui-border-b-0 aui-list-item-middle aui-padded-r-15 aui-background-white">
							<div class="aui-media-list-item-inner" style="align-items: center;">
								<div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 3rem;">
									<img src="images/items.jpg">
								</div>
								<div class="aui-list-item-inner aui-padded-l-10 aui-position-relative" style="height: 4rem;">
									<p class="aui-color-three aui-font-size-14">作文是一个有深意的东西</p>
									<p class="aui-font-size-12 aui-ellipsis-1">作文是一个有深意的东西,作文是一个有深意的东</p>
									<p class="aui-font-size-12 aui-ellipsis-1 aui-position-absolute" style="bottom: 7px;">12萬播放量</p>
								</div>
								
							</div>
						</li>
					</a>
				</ul>
			</div>
			<div class="aui-color-three aui-font-weight aui-font-size-14 aui-padded-l-15 aui-padded-t-15 aui-padded-b-5 aui-padded-r-15 aui-clear-both">
				老师风采
				<span class="aui-pull-right">
						<a href='teacher.html'><i class="aui-iconfont aui-icon-right"></i></a>
				</span>
			</div>
			<div class="">
					<ul class="aui-list aui-media-list aui-border-t-0" id="teacher">
					<a href="">
						<li class="aui-list-item aui-border-b-0 aui-list-item-middle aui-padded-r-15 aui-background-white">
							<div class="aui-media-list-item-inner" style="align-items: center;">
								<div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 3rem;">
									<img src="images/items.jpg">
								</div>
								<div class="aui-list-item-inner aui-padded-l-10 aui-position-relative" style="height: 4rem;">
									<p class="aui-color-three aui-font-size-14">李老師</p>
									<p class="aui-font-size-12 aui-ellipsis-2">作文是一个有深意的东西,作文是一个有深意的东</p>
								
								</div>
								
							</div>
						</li>
					</a>
				</ul>
				</div>
				
			<div class="aui-color-three aui-font-weight aui-font-size-14 aui-padded-l-15 aui-padded-t-15 aui-padded-b-5 aui-padded-r-15 aui-clear-both">
				教师课堂
				<span class="aui-pull-right">
						<a href='class.html?tid=1'><i class="aui-iconfont aui-icon-right"></i></a>
				</span>
			</div>
			<div class="aui-padded-l-15 aui-padded-r-15" id="teacherkt">
				<div>
					<img src="images/banner_1.jpg" alt="" />
					<p class="aui-font-size-14 aui-text-gray aui-padded-t-10 aui-padded-b-5">风住的街道</p>
				</div>
			</div>
			

		</div>
		<div class="aui-foot-height aui-background-white"></div>
		<div class="aui-foot-height aui-background-white"></div>
		<div class="aui-inner-wrap">
		   <footer class="aui-footer aui-footer-fixed">
		    <a href="index.html" class="aui-tabBar-item aui-tabBar-item-active">
			     <span class="aui-tabBar-item-icon">
	                 <i class="icon icon-sy"></i>
	             </span>
			     <span class="aui-tabBar-item-text">首页</span>
		    </a>
		    <a href="map.html" class="aui-tabBar-item">
					<span class="aui-tabBar-item-icon">
	                    <i class="icon icon-dtw"></i>
	                </span>
					<span class="aui-tabBar-item-text">地图</span>
				</a>
				<a href="textList.html" class="aui-tabBar-item ">
					<span class="aui-tabBar-item-icon">
	                    <i class="icon icon-tgw"></i>
	                </span>
					<span class="aui-tabBar-item-text">投稿</span>
				</a>
				<a href="my.html" class="aui-tabBar-item ">
					<span class="aui-tabBar-item-icon">
	                    <i class="icon icon-wdw"></i>
	                </span>
					<span class="aui-tabBar-item-text">我的</span>
				</a>
			</footer>
		</div>
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/islogin.js"></script>
		<script src="js/index.js"></script>
		<script src="js/layer/layer.js"></script>
		<script>
			$(window).scroll(function() {
					if($(this).scrollTop() >= 80) {
						$('#animate-logo').css('transform', 'scale(0)')
						$('#animate-ipt').css({
							"transform": 'translateY(-45px)',
							'width': '77%'
						})
						$('.aui-ser').css('margin', '0 auto');

					} else {
						$('#animate-logo').css('transform', 'scale(1)')
						$('#animate-ipt').css({
							"transform": 'translateY(0px)',
							'width': '100%'

						})
						$('.aui-ser').css('margin', '0rem auto 0.6rem');

					}
				})
				//			轮播图

			function zuowenpg(){
				layer.open({
					content: '敬请期待'
					,skin: 'msg'
					,time: 2 ,//2秒后自动关闭
					
				});
			}
			function jiazhangbl(){
				layer.open({
					content: '敬请期待'
					,skin: 'msg'
					,time: 2 ,//2秒后自动关闭
					
				});
			}
			
		</script>
	</body>

</html>